<template>
	<view>
		<view class="phone-login">
			<form>
				<input type="text" value="" placeholder="手机:+86" />
				<input type="text" value="" placeholder="密码:" />
			</form>
			<view class="uni-btn-v">
				<button form-type="submit" @click="login()">登录</button>
				<p>忘记密码？</p>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			pageTo(url) {
				uni.navigateTo({
					url
				})
			},
			login(){
				console.log(1234);
			}
		}
	}
</script>

<style>
	.phone-login {
		width: 80%;
		margin: 80upx auto 80upx auto;
	}

	.phone-login form input {
		padding: 20upx;
		margin: 20upx;
		border-bottom: 5upx solid #f7f8f8;
		color: #afbdca;
	}
	
	.uni-btn-v button{
		width: 80%;
		margin-top: 100upx;
		margin-bottom: 50upx;
		background-color: #33b17b;
		color: #FFFFFF;
	}
	.uni-btn-v p{
		text-align: center;
		color: #d2d2d1;
	}
</style>
